<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSM BOL LAYOUT</title>
<link rel="stylesheet" href="default.css" type="text/css" />
<script type="text/javascript" src="../../../../../media/system/js/mootools-core.js"></script>
<script type="text/javascript" src="../../../../../media/system/js/mootools-more.js"></script>

</head>

<body>
<form>
<div id="csmbol-wrapper-inner">
<div id="csmbol-content-inner">
    	<div id="csmbol-opt-leftcolumn-inner">
	        <div id="csmbol-option-box">
            	<div class="csmbol-option-title">Timing Options	</div>
            	<div class="csmbol-option">                       
                		<select name="opt_es">
	                      <option value="es_0">Not Selected</option>
                          <option value="es_15">15min</option>
                          <option value="es_30">30min</option>
                          <option value="es_45">45min</option>
                          <option value="es_60">60min</option>
                        </select>  
            	Early Setup Option</div> 
              	<div class="csmbol-option">                       
                		<select name="opt_ec">
	                      <option value="ec_0">Not Selected</option>
                          <option value="ec_15">15min</option>
                          <option value="ec_30">30min</option>
                          <option value="ec_45">45min</option>
                          <option value="ec_60">60min</option>
                        </select> 
            	Extented Clear-up Option</div>    
            	<div class="csmbol-option-title">Visual Options</div>
            	<div class="csmbol-option" style="float:left; width:25%"">                       
            	<input type="checkbox" name="opt_pws" onclick="this.form.opt_so.disabled = this.form.opt_pws.checked"/> 
            	Projector and Screen</div>  
            	<div class="csmbol-option">                       
            	<input type="checkbox" name="opt_so" onclick="this.form.opt_pws.disabled = this.form.opt_so.checked"/> 
            	Screen Only</div>                
             	<div class="csmbol-option">
                  		<select name="opt_fcwp" onchange="if(this.form.opt_fcwp.value == 'fc_0'){ this.form.opt_fm.checked = false;}else{ this.form.opt_fm.checked = true;}">
	                      <option value="fc_0">Not Selected</option>
                          <option value="fc_1">1</option>
                          <option value="fc_2">2</option>                          
                       </select> 
             	Flipchart board and paper</div>
            	<div class="csmbol-option">
            	<input type="checkbox" name="opt_fm" />
            	Flipchart marker</div>
            	<div class="csmbol-option">
            	<input type="checkbox" name="opt_wb" /> White Board with white board marker</div>    
	        	<div class="csmbol-option-title">Audio Options</div>            	
              <div class="csmbol-option">
                       <select name="opt_mic_co" onchange="if((this.form.opt_mic_co.value == 'mic_co_0')&&(this.form.opt_mic_hh.value == 'mic_hh_0')){ this.form.opt_aso.disabled = false;}else{ this.form.opt_aso.disabled = true; this.form.opt_aso.checked = false;}">
	                      <option value="mic_co_0">Not Selected</option>
                          <option value="mic_co_1">1</option>
                       </select>
              Wireless Microphone-Clip on + Audio System</div>
            	<div class="csmbol-option">
                       <select name="opt_mic_hh" onchange="if((this.form.opt_mic_co.value == 'mic_co_0')&&(this.form.opt_mic_hh.value == 'mic_hh_0')){ this.form.opt_aso.disabled = false;}else{ this.form.opt_aso.disabled = true; this.form.opt_aso.checked = false;}">
	                      <option value="mic_hh_0">Not Selected</option>
                          <option value="mic_hh_1">1</option>
                          <option value="mic_hh_2">2</option>                          
                       </select>
Wireless Microphone-Handheld + Audio System </div>
            	<div class="csmbol-option"><input type="checkbox" name="opt_aso" />
 Audio System Only </div> 
            	<div class="csmbol-option">                       
                		<select name="opt_ms">
	                      <option value="ms_0">Not Selected</option>
                          <option value="ms_1">1</option>
                       </select>
Microphone Stand </div>
            	<div class="csmbol-option-title">Connection Options</div>
            	<div class="csmbol-option"><input type="checkbox" name="opt_wic" />
Wireless Internet Connection </div>
            	<div class="csmbol-option"><input type="checkbox" name="opt_wnt" />
Wireless NETS Terminal </div>  
             	<div class="csmbol-option-title">Other Options</div>
            	<div class="csmbol-option">                       
                		<select name="opt_tbl">
	                      <option value="tbl_0">Not Selected</option>
                          <option value="tbl_1">1</option>
                          <option value="tbl_2">2</option> 
                          <option value="tbl_3">3</option>
                          <option value="tbl_4">4</option>
                          <option value="tbl_5">5</option>     
                          <option value="tbl_6">6</option>
                      </select>
Table (120cm x 75cm) </div>
            	<div class="csmbol-option">
                	  <select name="opt_layout">
	                      <option value="layout_thr">Theatre (Default)</option>
                          <option value="layout_cls">Classroom</option>
                          <option value="layout_us">U-shape</option> 
                          <option value="layout_circle">Circle</option>
                      </select>
Change defualt layout </div>    
        	</div>
		</div>  
        <div id="csmbol-opt-rightcolumn-inner">          <input type="button" id="id_change_date" name="change_date" value="<< Change Date" onclick="dosth()">
          <input type="button" id="id_make_booking" name="make_booking" value="Make Booking >>" onclick="gotoBookingPage()"></div>   
    </div>
</div>
</form>
</body>
</html>
